<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="path" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>欢迎来到Library空间管理系统</title>
  <link rel="stylesheet" href="layui/css/layui.css" media="all">
</head>
<body>
<div class="layui-col-md8 layui-col-md-offset1" style="margin-top:25px"> 
<div class="layui-carousel" id="test1">
  <div carousel-item>
    <div><img src="img/1.jpg"></div>
    <div><img src="img/2.jpg"></div>
    <div><img src="img/3.jpg"></div>
    <div><img src="img/4.jpg"></div>
    <div><img src="img/5.jpg"></div>
  </div>
</div>
</div>
<div class="layui-col-md3" style="margin-top:10px;">
	<div class="layui-col-md12">
      <img src="img/logo.jpg" style="margin-left:35px">
	</div>
	<div class="layui-col-md12">
      <img src="img/BT1.jpg"  style="width:70%;height:70%; margin-left:35px">
	</div>
	<div class="layui-col-md12" style="margin-top:40px;">
      <a href="${path}/login.jsp" class="layui-btn layui-btn-radius" style="margin-top:20px;margin-left:60px;padding: 15px 18px;height:70px;width:200px;font-size:20px">用户登录</a>
	</div>
	<div class="layui-col-md12" >
      <a href="${path}/NewUser.jsp" class="layui-btn layui-btn-radius" style="margin-top:20px;margin-left:60px;padding: 15px 18px;height:70px;width:200px;font-size:20px">用户注册</a>
	</div>
	
	<div class="layui-col-md12">
      <a href="${path}/endlogin.jsp" class="layui-btn layui-btn-radius" style="margin-top:20px;margin-left:60px;padding: 15px 18px;height:70px;width:200px;font-size:20px">管理员登录</a>
	</div>
	
	<div class="layui-col-md12">
      <a href="${path}/page/library/pay.jsp" class="layui-btn layui-btn-radius" style="margin-top:20px;margin-left:60px;padding: 15px 18px;height:70px;width:200px;font-size:20px">点开看看</a>
	</div>
</div>
<!-- 条目中可以是任意内容，如：<img src=""> -->
 
<script src="layui/layui.all.js"></script>
<script>
layui.use('carousel', function(){
  var carousel = layui.carousel;
  //建造实例
  carousel.render({
    elem: '#test1'
    ,width: '95%'
    ,height: '700px'//设置容器宽度
    ,arrow: 'always' //始终显示箭头
    //,anim: 'updown' //切换动画方式
  });
});


</script>
</body>
</html>